@tailwind base;
@tailwind components;
@tailwind utilities;

input:focus-visible, textarea:focus-visible{
  box-shadow: 0 0 0 1px blue!important;
  outline: none !important;
}
button{
  box-shadow: none !important;
  outline: none !important;
}

body{
  overflow-x: hidden;
}

::-webkit-scrollbar{
  display: none;
}

:root {
  .perspective-1000 {
    perspective: 1000px;
  }
  
  .transform-style-3d {
    transform-style: preserve-3d;
  }
  
  .backface-hidden {
    backface-visibility: hidden;
  }

  .perspective-origin-center {
    perspective-origin: center;
  }
}